<html>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<body>
<script type="text/javascript" src="RMenus-api.js"></script>
<script type="text/javascript">
  var menus=[
    {'title':'菜单项１',contexts:['all'],id:'interr',documentUrlPatterns:['http://*/*']},
    {'title':'菜单项２',contexts:['all'],id:'inter',documentUrlPatterns:['http://*/*']},
    {'title':'搜索人物',contexts:['all'],id:'admin',parentId:"inter",documentUrlPatterns:['http://*/*']},
    {'title':'菜单项２',contexts:['all'],id:'lineadmin',parentId:"inter",documentUrlPatterns:['http://*/*']},
    {'title':'菜单项３',contexts:['all'],id:'cn',parentId:"inter",documentUrlPatterns:['http://*/*']}
  ];
  RMenus_AddOn.setMenus(menus);
  RMenus_AddOn.setPrefixHandler(function(event){RMenus_AddOn.name=event.target.name;});
  RMenus_AddOn.setMenuItemHandler(function(data){
    if(data.info.menuItemId=="admin" && RMenus_AddOn.name!=null){
      window.open("https://www.so.com/s?q="+RMenus_AddOn.name);RMenus_AddOn.name=null;}
    else{alert("您尚未添加此项菜单操作的处理代码！");}
  });
</script>
<h3>注意！RMenus插件使用演示。页面需要在服务器下运行！</h3>
第一步，必须在<body>后立刻引入RMenus-api.js文件<br>
第二步，调用api，设置页面菜单项RMenus_AddOn.setMenus(menus);<br>
设置菜单项处理代码RMenus_AddOn.setMenuItemHandler(handler);更多使用说明请参见RMenus-api.js文件<br><br>
在这里我们演示这样一种场景。假设一个网站提供历史人物的介绍，每个人物都有一张图片，为图片标签设置一个name<br>
属性保存人物姓名，网站希望用户通过右键点击图片根据name属性就能够用360搜索引擎搜索更多的关于该人物的信息。<br>
通过我们的插件和我们提供的api网站开发者很容易实现这个功能需求，菜单仍由浏览器维护而网页开发者只需要专注于<br>
自己的功能需要上。不需要开发专用插件（因为如果每个网站都针对自己类似的需求去开发插件要求用户安装显然不切实际），<br>
也无需阻止默认系统菜单而完全自行维护自定义的菜单。<br>
<img src="profile.jpeg" name="爱因斯坦"/>
</body>
<script>
</script>
</html>
